<style type="text/css">
    .depreciacion{
        border-collapse: collapse;
    }
    .depreciacion th{
        background-color: #B2B3B3;
        padding: 2px 7px;
        font-size: 11px;
        border: hidden;
        border-spacing: 0px;
    }
    .depreciacion td{
        text-align: center;
    }
    .thdoble{
        width: 60px;
    }
    .lbTbClaseTitulo{
        font-weight: bolder;
        padding: 2px;
    }
    .lbTbClaseDes{
        padding-left: 4px;
        font-style: italic;
    }
    #divTablaCriterios{
        margin-top: 19px;
        width: 100%;
    }
    #divTablaCriterios table td{
        border: 1px inset black;
        
    }
    #divTablaCriterios table{
        margin: 0 auto;
        border-collapse: collapse;
    }
</style>
<script type="text/javascript">
    function cambiaVidaUtil(filaId,valor){
        if(!valor.match(/^[0-9]+(\.[0-9]*)?$/)){
            alert("El valor debe ser numérico");
            return false;
        }
        document.getElementById("edadPor" + filaId).innerHTML = Math.round(parseInt(document.getElementById("edad" + filaId).innerHTML) / valor * 100);
    } //fin function cambiaVidaUtil(filaId){
    function cambiaEstConserva(filaId,valor){
        var edad = parseInt(document.getElementById("edadPor" + filaId).innerHTML);
        console.log(edad);
        if(!edad.toString().match(/^\d+$/)){
            alert("La edad debe ser un valor entero, revice el valor ingresado en los anexos o construcciones");
            return false;
        }
        if(valor == 1 || valor == 1.5 || valor == 2 || valor == 2.5 || valor == 3 || valor == 3.5 || valor == 4 || valor == 4.5 || valor == 5){
            $.post("<?php echo site_url("visitas/fitto_corvini"); ?>",{val:valor,edad:edad},function(data){
                var resul = data.split("|");
                document.getElementById("deprePor" + filaId).innerHTML = resul[0];
            });
        }else{
            alert("Valor incorrecto para el estado de conservación");
            return false;
        }
    } //fin function cambiaEstConserva(filaId,valor){
    function valReposicion(filaId,valor){
        if(!valor.match(/^[0-9]*?$/)){
            alert("Valor de reposición invalido, únicamente se permiten valores enteros");
            return false;
        }
        var depreciacion = parseFloat(document.getElementById("deprePor" + filaId).innerHTML) * parseFloat(valor) / 100;
        var depreciado = parseFloat(valor) - parseFloat(depreciacion);
        document.getElementById("depreVal" + filaId).innerHTML = depreciacion.toFixed(2);
        document.getElementById("depreValDepre" + filaId).innerHTML = depreciado.toFixed(2);
    } //fin function valReposicion(filaId,valor){
</script>
<form id="frDepreciacion">
<table class="depreciacion">
    <thead>
        <tr>
            <th>ITEM</th>
            <th>DESCRIPCIÓN</th>
            <th>UNIDAD</th>
            <th>CANTIDAD</th>
            <th>EDAD</th>
            <th>VIDA ÚTIL</th>
            <th class="thdoble" >EDAD EN % DE VIDA</th>
            <th class="thdoble" >ESTADO CONSERVACIÓN</th>
            <th class="thdoble" >VALOR REPOSICIÓN</th>
            <th class="thdoble" >% DE DEPRECIACIÓN</th>
            <th class="thdoble" >VALOR DEPRECIACIÓN</th>
            <th class="thdoble" >VALOR DEPRECIADO</th>
            <th class="thdoble" >VALOR ADOPTADO</th>
        </tr>
    </thead>
    <tbody>
        <?php 
        $cuenta = 0;
        foreach($depreciaciones->result() as $depreciacion){
            echo "<tr>";
            echo "<td>{$depreciacion->rownum}</td>";
            echo "<td>{$depreciacion->temporalVar1}</td>";
            echo "<td>{$depreciacion->unidadNombre}</td>";
            echo "<td>{$depreciacion->temporalDecimal1}</td>";
            echo "<td><span id='edad{$depreciacion->temporalId}'>{$depreciacion->temporalInt3}</span></td>";
            echo "<td><input type='text' name='cambiaVidaUtil$cuenta' onchange=\"cambiaVidaUtil({$depreciacion->temporalId},this.value);\" size='5' value='{$depreciacion->vidaUtil}' /></td>";
            echo "<td><span id='edadPor{$depreciacion->temporalId}'>{$depreciacion->edadPor}</span></td>";
            echo "<td><input type='text' name='cambiaEstConserva$cuenta' onchange=\"cambiaEstConserva({$depreciacion->temporalId},this.value);\" size='5' value='{$depreciacion->estConserva}' class='clValorNumericoDeprecia' /></td>";
            echo "<td><input type='text' name='valReposicion$cuenta' onchange=\"valReposicion({$depreciacion->temporalId},this.value);\" size='5' value='{$depreciacion->valRepo}' class='clValorNumericoDeprecia' />
                      <input type='hidden' name='temporalId$cuenta' value='$depreciacion->temporalId' /></td>";
            echo "<td><span id='deprePor{$depreciacion->temporalId}' class='clValorNumericoDeprecia'>{$depreciacion->porDepre}</span></td>";
            echo "<td><span id='depreVal{$depreciacion->temporalId}' class='clValorNumericoDeprecia'>{$depreciacion->valDeprecion}</span></td>";
            echo "<td><span id='depreValDepre{$depreciacion->temporalId}' class='clValorNumericoDeprecia'>{$depreciacion->valDepreciado}</span></td>";
            echo "<td><input type='text' name='valAdoptado$cuenta'  size='5' value='{$depreciacion->valAdoptado}' class='clValorNumericoDeprecia' /></td>";
            echo "</tr>";
            $cuenta ++;
        } //fin foreach($depreciasiones->result() as $depreciacion){
        ?>
    </tbody>
</table>
    <input type="hidden" value="<?php echo $cuenta; ?>" name="filas" />
</form>
<div style="clear: both"></div>
<div id="divTablaCriterios">
    <table>
        <caption>CRITERIOS DE ESTADO DE CONSERVACIÓN</caption>
        <tbody>
            <tr>
                <td><label class="lbTbClaseTitulo">Clase 1</label></td>
                <td class="lbTbClaseDes">El inmueble se encuentra nuevo, sin reparaciones</td>
            </tr>
            <tr>
                <td><label class="lbTbClaseTitulo">Clase 2</label></td>
                <td class="lbTbClaseDes">El inmueble presenta un estado regular con conservación de poca importancia.</td>
            </tr>
            <tr>
                <td><label class="lbTbClaseTitulo">Clase 3</label></td>
                <td class="lbTbClaseDes">El inmueble necesita reparaciones sencillas clasificación regular.</td>
            </tr>
            <tr>
                <td><label class="lbTbClaseTitulo">Clase 3.5</label></td>
                <td class="lbTbClaseDes">El inmueble necesita reparaciones sencillas clasificación deficiente.</td>
            </tr>
            <tr>
                <td><label class="lbTbClaseTitulo">Clase 4</label></td>
                <td class="lbTbClaseDes">El inmueble necesita importantes reparaciones</td>
            </tr>
            <tr>
                <td><label class="lbTbClaseTitulo">Clase 4.5</label></td>
                <td class="lbTbClaseDes">El inmueble necesita importantes reparaciones</td>
            </tr>
        </tbody>
    </table>
</div>




